/*加载外部通用CSS*/

@import url("normalize.css");
html,
body {
    min-width: 1200px;
}
img{
	opacity: 1;
	filter: alpha(opacity=100);
}
p{
	line-height: 100%;
}
/*index.css*/
#fullPage-nav li, .fullPage-slidesNav li{width: 30px;height: 30px;margin: 19px;}
#fullPage-nav span, .fullPage-slidesNav span{width: 30px;height: 30px;border: 0}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background: #99d6fe;transition: 0.5s all}
#fullPage-nav li span, .fullPage-slidesNav span{background: #3CAFFF;transition: 0.5s all}

.page1{background: url(../img/slide1-bg.jpg) no-repeat center bottom #4c9bf5;}
.center{width: 1200px;margin: 0 auto;margin-top: 90px;}
.page1_center{width: 1200px;margin: 0 auto;}
.col-50{margin-top: 180px;}

.page2,.page3,.page4,.page5{padding: 62px 0\9;padding: 0}
.page2{background: #9462e0\9}
.page3{background: #6ac75b\9}
.page4{background: #fff29b\9}

/*.weizhi{display: block;margin: 0 auto;}*/


.eol-show .roll{width: 468px;height: 502px;background: url(../images/APP_01.png) no-repeat;left: 25%;top: 200px}
.eol-show .people{width: 468px;height: 502px;background: url(../images/APP_01.png) no-repeat;left: 25%;top: 200px;margin-left: 25%}
.eol-show .people.show{left: 0;bottom: 315px;transition: 2s all;opacity: 1;filter: alpha(opacity=100)}
.eol-show .cellphone{width: 227px;height: 478px;background: url(../img/phone.png) no-repeat;left: 115px;bottom: 167px;opacity: 0;filter: alpha(opacity=00);filter: alpha(opacity=100)\9}
.eol-show .eolgkpage{width: 206px;height:349px;background: url(../img/eolgk.png) no-repeat;position: absolute;left: 12px;top:59px;opacity: 0;filter: alpha(opacity=00);filter: alpha(opacity=100)\9}
.eol-show .hand{
	width: 320px;
	height: 700px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	right: 50%;
	margin-left: -160px;
	background: url(../images/app_17.jpg) no-repeat;}

.eol-animation{height: 100%;}
.eol-show{position: relative;height: 100%;width: 450px;min-height: 687px;}
.eol-show div{position: absolute;}

.eol-txt{width: auto;margin-right: 120px;color: #fff;position: relative;display: none;display: block\9;margin-top: 54px\9;}
.eol-txt .logo{margin: 0 auto}
.eol-txt .txt{font-size: 33px;text-align: left;padding: 25px 0 33px 0;line-height: 100%;}

.eol-txt .btn{display: block;width: 139px;height: 47px;line-height: 47px;text-align: center;color: #fff;background: #3884e3;border-radius: 2px;border: 2px solid #8abeff;font-size: 23px;}
.eol-txt .btn:hover{text-decoration: none;transition: 0.5s all;opacity: 0.8;filter:alpha(opacity=80);}

.weixin{position: fixed;right: -112px;top: 0px;width: 180px;text-align: center;z-index: 10000;background: url(../img/people2.png) no-repeat left top;transition: 0.6s all;cursor: pointer;opacity: 0;filter: alpha(opacity=0)}
.weixin img{display: block;padding: 9px;border-radius: 3px;background: #4c9bf5;margin: -5px 0 0 68px;width: 92px;}
.weixin p{font-size: 14px;color: #fff;text-align: center;background: #4c9bf5;margin-left: 68px;line-height: 22px;border-radius: 7px 7px 0 0;margin-top: 40px;width:110px;}
.weixin:hover{right: 0;transition: 0.6s all}
.weixin.show{opacity: 1;filter: alpha(opacity=100)}

/*.QRcode{text-align: center;margin-top: 38px;}*/
/*.QRcode img{display: inline-block;line-height: 100%;padding: 13px;border-radius: 2px;background: #fff;}*/
/*.QRcode p{font-size: 22px;line-height: 100%;text-align: center;margin-top: 27px;}*/

/*.section h2{font-size: 56px;color: #fff;padding: 23px 0 70px 0;text-align: right;}*/
/*.section h3{font-size: 34px;color: #fff;padding-bottom: 43px;text-align: right;}
.section p{font-size: 26px;line-height: 47px;color: #e3d1ff;text-align: right;}*/


/*.section.page1 p{color: #fff}*/
/*.section.page3 p{color: #a7fe98}*/
.section.page3 .txt{width: 43%;}
.section.page4 .img img{margin-left: -31px;}
.section.page4 .txt{width: 39%;}
.section.page4 h2{color: #333}
.section.page4 h2 span{color: #5cce4a;}
.section.page4 h3{color: #333;}
.section.page4 p{color: #333;}
/*.section.page2 .txt{width: 43%;}*/

.page5-info{overflow: auto;height: 100%}

.page5 .info{text-align: center;}
.page5 h4{font-size: 56px;color: #e26876;}
.page5 h5{font-size: 39px;color: #333;padding: 44px 0}
.page5 img{display: inline-block;}

.footer{background: #4cb03b;padding: 16px 0 31px 0;position: relative;margin-top: 19px;}
#glbbot{color: #fff;border: 0}
#glbbot a{color: #fff;}
#glbbot a:hover,
#glbbot a:visited,
#glbbot a:link{color: #fff;}

.page2 .txt,.page3 .txt,.page4 .txt,.page5 .txt,.page6 .txt{opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9;clear: both;}
.page2 .img,.page3 .img,.page4 .img,.page5 .img,.page6 .img{opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9}
.page2 .txt.fadeInLeft,.page3 .img.fadeInLeft,.page4 .txt.fadeInLeft,.page5 .txt.fadeInLeft,.page6 .txt.fadeInLeft{opacity: 1;filter: alpha(opacity=100)}
.page2 .img.fadeInRight,.page3 .txt.fadeInRight,.page4 .img.fadeInRight,.page5 .img.fadeInRight,.page6 .img.fadeInRight{opacity: 1;filter: alpha(opacity=100)}

.QRcode_bottom{width: 820px;margin:0 auto;}
.QRcode_bottom .right img{margin:28px 0 20px}
.QRcode_bottom .right p{color:#333}

/*隐藏滚动条*/
::-webkit-scrollbar{width:0px}


/*css3动画*/


@-webkit-keyframes circle1 {
  	0%{ transform:rotate(0deg); opacity: 0;filter: alpha(opacity=0)}
	100%{ transform:rotate(360deg); opacity: 1;filter: alpha(opacity=100) }
}

@keyframes circle1 {
  	0%{ transform:rotate(0deg); opacity: 0;filter: alpha(opacity=0)}
	100%{ transform:rotate(360deg); opacity: 1;filter: alpha(opacity=100) }
}

.circle {
  -webkit-animation-name: circle;
  animation-name: circle;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.zoomIn{animation: zoomIn 2s;}
.eol-show .eolgkpage.zoomIn{opacity: 1;filter: alpha(opacity=100)}
.eol-show .cellphone.circle{animation: circle1 1s;opacity: 1;filter: alpha(opacity=100)}
.eol-txt .QRcode.bounce,.eol-txt .weixin.bounce{animation: bounce 2s;}
.fadeInLeft{animation: fadeInLeft 2s;}
.fadeInRight{animation: fadeInLeft 2s;}
.page5 .info{opacity: 0;filter: alpha(opacity=00);filter: alpha(opacity=100)\9}
.page5 .info.zoomIn{opacity: 1;filter: alpha(opacity=100)}

@media screen and (min-width: 1360px) {

}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
	.center{width: 1000px;margin: 0 auto;}
	.col-50{margin-top: 120px;}
	.eol-show .people{width: 450px;height: 100%;background: url(../images/APP_01.png) no-repeat;left: 25%;top: 100px;margin-left: 25%}
}